<div id="universal-top-bar" data-features="dropdown-menus">
	<div id="utb-elements">
		<a id="utb-logo" href="@{Application.index()}">
		<img src="../public/images/logo.png" alt="IdeaScale" width="78" height="27"/>
		</a>
		<div id="community-selector" class="utb-dropdown-menu" tabindex="0">
			<span class="utb-arrow">&#x25bc;</span>
			<span id="current-community">Settings</span>
			<ul class="utb-menu">
				<li class="admin">
					<a href="">smartsoft</a>
				</li>
				<li class="utb-separator">
				</li>
				<li>
					<a href="@{Application.index()}" id="1">Create New Organization</a>
				</li>
			</ul>
		</div>
		<div id="utb-session" class="utb-dropdown-menu" tabindex="0">
			<span>
				<img id="utb-userpic" src="../public/images/avatar.jpg" alt="ibrhaa" width="15"
				height="15"/>
				<span id="utb-user">My Home</span>
				<span class="utb-arrow">&#x25bc;</span>
			</span>
			<ul class="utb-menu">
				<li>
					<a href="@{Application.index()}">Profile</a>
				</li>
				<li>
					<a href="@{Application.index()}">Notifications</a>
				</li>
				<li class="utb-separator">
				</li>
				<li id="utb-logout">
					<form action="/a/logout" method="post" data-features="link-button-preferred">
						<div>
							<button type="submit" class="link-button-preferred">
								Logout
							</button>
						</div>
					</form>
				</li>
			</ul>
		</div>
	</div>
</div>
<div id="wrapper" class="with-sidebar">
	<div id="sidebar" data-features="accordion">
		<h3>Settings</h3>
		<ul id="settings-accordion" class="accordion">
			<li class="accordion-item">
				<div id="profile-header" class="accordion-header expansible">
					<h4 class="accordion-title">Profile</h4>
				</div>
				<ul id="profile-content" class="accordion-content">
					<li class="item">
						<a href="@{Application.index()}" >Profile Information</a>
					</li>
					<li class="item">
						<a href="@{Application.index()}">Email, Services and Devices</a>
					</li>
					<li class="item">
						<a href="@{Application.index()}">Account</a>
					</li>
				</ul>
			</li>
			<li class="accordion-item">
				<div id="communities-header" class="accordion-header expansible">
					<h4 class="accordion-title">Organizations</h4>
				</div>
				<ul id="communities-content" class="accordion-content">
					<li class="item">
						<a href="@{organizations.newOrg()}" class="selected">Create New Organization</a>
					</li>
					<li class="item">
						<a href="@{Application.index()}">Your Organizations</a>
					</li>
					<li class="item">
						<a href="@{Application.index()}">Notifications</a>
					</li>
				</ul>
			</li>
			<li class="accordion-item">
				<div id="activity-header" class="accordion-header expansible">
					<h4 class="accordion-title">Activity</h4>
				</div>
				<ul id="activity-content" class="accordion-content">
					<li class="item">
						<a href="@{Application.activity()}" class="selected" >Following</a>
					</li>
				</ul>
			</li>
		</ul>
		<div>
			<a id="btn-new-community" href="@{Application.index()}">Option - 1</a>
		</div>
	</div>
